/*!
 / Copyright (c) QJJS. All rights reserved.
 / ProjectName: Qjps.TeamWork.Client
 / FileName : setExpression.sass
 / Author : yxm
 / Date : 2020-08-20 21:07:47
 /

.field-expression
  padding-top: 20px

  .addExpression
    display: inline-block
    .expssionPlus
      display: block
      padding: 5px
      text-align: center
      float: left
      margin-top: 5px
      margin-bottom: 5px
      color: rgba(153, 153, 153, 0.5)
      background: rgba(238, 238, 238, 0.64)
      border: 1px solid rgba(238, 238, 238, 0.64)
      cursor: pointer
      ::v-deep.ant-select
        width: 200px
      .delete
        display: block
        border-radius: 50%
        text-align: center
        float: right
        color: #4693fd
        background: rgba(238, 238, 238, 0.64)
        cursor: pointer
        right: -10px
        top: -10px
        width: 20px
        height: 20px
    .expssionPlus:hover
      color: rgba(153, 153, 153, 0.8)
      background: rgba(238, 238, 238, 1)
      border: 1px solid rgba(238, 238, 238, 1)
  .expressionPreview
    display: inline-block
    .arrowStyle
      float: left
      line-height: 28px
      margin: 10px 10px
      position: relative
    .expssionItem
      position: relative
      display: block
      padding: 5px 5px
      text-align: center
      float: left
      background-color: #ecf3ff
      color: #4693fd
      border: 1px solid #ecf3ff
      margin-top: 5px
      margin-bottom: 5px
      .delete
        position: absolute
        display: block
        border-radius: 50%
        text-align: center
        float: left
        color: #4693fd //rgba(153, 153, 153, 0.5)
        background: rgba(238, 238, 238, 0.64)
        cursor: pointer
        right: -10px
        top: -10px
        width: 20px
        height: 20px
.userAdd
  font-size: 20px
  color: #52c41a !important
  font-weight: 900
  padding: 10px
.marginRight
  margin-right: 3px
.error
  color: red 
  font-size: 12px
  